草庐IT

Java:JScrollPane 在按下 ctrl 时禁用滚动

全部标签

javascript - jQuery UI 可拖动可防止在移动设备上滚动

我有垂直列出的全屏宽度的可拖动元素。我正在使用一个名为(jquery.ui.touch-punch)的插件来启用jQuery可在移动设备上拖动。但问题是可拖动元素会阻止用户滚动页面。$('#novieList.element.content').draggable({axis:'x',revert:function(){return$(this).position().left 最佳答案 我认为在jquery.ui.touch-punch.js中注释掉event.preventDefault()不再有效。我尝试了相同的解决方案,发现

javascript - 全屏视频不允许在 Firefox 上滚动

我正在使用fullscreen.js脚本,在我的其中一个屏幕上我将有一个全屏Vimeo视频。显然,这会导致FF出现问题,并阻止我在到达视频屏幕后立即向上或向下滚动。该问题已提交到脚本的GitHub页面,但作者将其驳回,因为它是一个FF问题(https://github.com/alvarotrigo/fullPage.js/issues/803)。我将所有这些与基础CSS一起用于响应式视频:"width="400"height="225"frameborder="0"webkitAllowFullScreenmozallowfullscreenallowFullScreen>错误是这个

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - 使用 React 和 Material UI 禁用自动填充表单

我正在尝试学习React和MaterialUI。我正在创建一个网络表单,到目前为止一切都很好,除了当页面加载时,chrome自动用以前存储的数据填充文本字段并且背景变为黄色。我怎样才能让它保持白色?我知道在普通的CSS中我会包含这段代码:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset;}但是考虑到我不一定有样式表,这就出现了问题。我到目前为止:constMyAwesomeReactComponent=React.createClass({constcontainerStyle={/*input:-webkit-

javascript - 滚动 Angular 4 后修复标题

我在滚动后修复标题时遇到问题,我尝试了很多方法但无法正常工作。我检查了这个线程,但它对我不起作用:Angular4@HostListenerWindowscrolleventstrangelydoesnotworkinFirefox.这是我的组件结构:布局步骤路线在滚动50像素后,内部步骤是我要修复的标题。在Layout内部是一些其他内容,例如带有Logo背景的div(在步骤内容之上)。这是我在Steps.ts中尝试的@HostListener('window:scroll',[])onWindowScroll(){constnumber=window.scrollY;if(numbe

javascript - __DoPostback 在执行部分回发时回发禁用控件的值

我有一个表单,为了隔离问题,它有大约一打纯HTML复选框(不是WebControls),所有这些都禁用。它们位于UpdatePanel中。我有一个调用的链接__doPostBack('a-control','my-custom-argument');根据我提供的第一个参数,页面可能会执行完整的回发或部分回发。当我执行完整的回发时,没有任何复选框值在帖子中提交(因为它们被禁用)。这是正常,因此也是期望的行为。但是,当它执行部分回发时,脚本会从我的复选框中收集所有值并提交它们,但不会指示哪些已被禁用,这会破坏我的代码。这很烦人,我希望它的行为始终如一。无论如何告诉.NETjavascrip

jquery - 为 jqGrid 的选定行禁用子网格扩展

问题:带有子网格的jqGrid。我想禁用主网格某些行的展开/折叠功能。 最佳答案 我居然找到了一个方法:grid.jqGrid('setGridParam',{afterInsertRow:function(rowid,aData,rowelem){varrowData=grid.getRowData(rowid);if(**Condition**){$('tr#'+rowid,grid).children("td.sgcollapsed").html("").removeClass('ui-sgcollapsedsgcollaps

javascript - 禁用鼠标滚动

我有一个包含文本框的页面。当我将文本框滚动到底部时,文档将在它之后滚动。如何禁用文档的鼠标滚动但在鼠标悬停在文本框上时启用文本框的滚动?我只需要禁用鼠标滚动而不是窗口滚动条。页面有固定大小,只有在浏览器窗口没有最大化时才会有滚动条。该文档的大小为800x600像素,我认为应该适合大多数用户。我将JavaScript与jQuery结合使用。 最佳答案 $('#txt').hover(function(){$('body').css('overflow','hidden');},function(){$('body').css('ove

javascript - 在滚动完成之前,Safari 中的单指滚动不会呈现 html

在一个移动web应用程序中,我有一个div,它可以使用新的fancy-webkit-overflow-scrolling:touch滚动。唯一的问题是只有在滚动完成时才会呈现内容。有没有办法让MobileSafari(可能还有其他移动浏览器,如Android中的浏览器)在单指滚动期间呈现html?.layer-content{position:absolute;top:112px;bottom:0;width:100%;background:#e6e6e6;overflow-y:scroll;-webkit-overflow-scrolling:touch;}

javascript - 如何锁定滚动条并使其可见

当用户点击任何平面时,我会出现一个对话框。如果视口(viewport)高度大于550像素,我想做的是锁定滚动条。现在我将overflow:hidden应用于正文,但这会导致滚动条隐藏时站点跳转。我想禁用滚动,但仍显示滚动条。可能吗?提前致谢! 最佳答案 您可以通过检测滚动来模拟滚动条锁定,然后滚动回到之前的位置。(这在某些浏览器上可能会出现抖动,尤其是当您拖动滚动条本身时)functionlockScroll(){varlockX=window.scrollX;varlockY=window.scrollY;functionlock